DAY07，從青蛙學習flex之5-7

第 12 屆 iThome 鐵人賽

DAY 7

自我挑戰組

12th鐵人賽

435 瀏覽

今天是練習align-items這個屬性

輸入:

align-items:flex-end

這樣就過第五關了

這裡位置在主軸和交錯軸中央
輸入:

justify-content:center;
align-items:center;

這樣就過第六關了

雖說是在交錯軸底部但是荷葉跟荷葉間都有一個間距以及和外框也有間距
輸入:

justify-content:space-around;
align-items: flex-end;

這樣就過第七關了

系列文

30天資料整理共 30 篇

2 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

IT邦幫忙